﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Index
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server">
	<style type="text/css">
		.arrowlistmenu { width: 500px; }
		.arrowlistmenu .menuheader { display: block; width: 90%; height: 30px; font: bold 14px Arial; color: white; background: no-repeat center left; margin-bottom: 10px; padding: 4px 0 4px 10px; cursor: hand; cursor: pointer; background-image: url(../../Content/Images/doc_title.png); }
		.arrowlistmenu .openheader { background-image: url('../../Content/Images/doc_title.png'); }
		.arrowlistmenu ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; }
		.arrowlistmenu ul li { padding-bottom: 2px; }
		.arrowlistmenu ul li a { line-height: 30px; padding-left: 30px; color: #006FA1; background: url('../../Content/images/document.png') no-repeat center left; display: block; text-decoration: none; font-weight: bold; font-size: 90%; }
		.arrowlistmenu ul li a:visited { color: #006FA1; }
		.arrowlistmenu ul li a:hover { color: #A70303; }
	</style>
	<script type="text/javascript">

		ddaccordion.init({
			headerclass: "expandable",
			contentclass: "categoryitems",
			revealtype: "click",
			mouseoverdelay: 200,
			collapseprev: true,
			defaultexpanded: [0],
			onemustopen: false,
			animatedefault: false,
			persiststate: true,
			toggleclass: ["", "openheader"],
			togglehtml: ["prefix", "", ""],
			animatespeed: "middle",
			oninit: function (headers, expandedindices) {

			},
			onopenclose: function (header, index, state, isuseractivated) {

			}
		});
	</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
	<div style="width: 250px; position: absolute; text-align: left;" class="solution">
		<ul style="list-style: none">
			<li class="link ">Application Guides</li>
		</ul>
	</div>
	<div style="width: 716px; text-align: left; margin-left: 250px; position: absolute">
		<div>
			<div class="arrowlistmenu">
				<h3 class="menuheader expandable" style="color: Black; background-image: url('../../Content/Images/doc_title.png')));">
					Solution Test</h3>
				<ul class="categoryitems">
					<li>
						<a href="#">Horizontal CSS Menus</a></li>
					<li>
						<a href="#">Vertical CSS Menus</a></li>
					<li>
						<a href="#">Image CSS</a></li>
					<li>
				</ul>
				<h3 class="menuheader expandable" style="color: Black; background-image: url('../../Content/Images/doc_title.png')));">
					Solution Test </h3>
				<ul class="categoryitems">
					<li>
						<a href="#">Horizontal CSS Menus</a></li>
					<li>
						<a href="#">Vertical CSS Menus</a></li>
					<li>
						<a href="#">Image CSS</a></li>
					<li>
				</ul>
				<h3 class="menuheader expandable" style="color: Black; background-image: url('../../Content/Images/doc_title.png')));">
					Solution Test </h3>
				<ul class="categoryitems">
					<li>
						<a href="#">Horizontal CSS Menus</a></li>
					<li>
						<a href="#">Vertical CSS Menus</a></li>
					<li>
						<a href="#">Image CSS</a></li>
					<li>
				</ul>
				<h3 class="menuheader expandable" style="color: Black; background-image: url('../../Content/Images/doc_title.png')));">
					Solution Test </h3>
				<ul class="categoryitems">
					<li>
						<a href="#">Horizontal CSS Menus</a></li>
					<li>
						<a href="#">Vertical CSS Menus</a></li>
					<li>
						<a href="#">Image CSS</a></li>
					<li>
				</ul>
			</div>
		</div>
	</div>
</asp:Content>
